import { View } from '@tarojs/components'
import './index.scss'
import SelectorList from './SelectorList'

function Selector() {
  return (
    <View className="container">
      <SelectorList className='boxs-1' selector=':first-child' />
      <SelectorList className='boxs-2' selector=':last-child' />
      <SelectorList className='boxs-3' selector=':nth-child(1)' />
      <SelectorList className='boxs-4' selector=':nth-last-child(2)' />
      <SelectorList className='boxs-5' selector=':nthchild(odd)' />
      <SelectorList className='boxs-6' selector=':nthchild(even)' />
      <SelectorList className='boxs-7' selector=':nthchild(3n)' />
      <SelectorList className='boxs-8' selector=':nthchild(n+3)' />
      <SelectorList className='boxs-9' selector=':nthchild(2n+1)' />
      <View>n的初始值是零，从零开始递增</View>
    </View>
  )
}

export default Selector
